{% extends "D3hdvHdvBundle::layout.html.twig" %}
{% block title %}
Hdv - Compte Recherche Objet Diablo 3 {{ parent() }}
{% endblock %}
{% block javascript %}

{% endblock javascript %}

{% block body %}
<script> </script>

<center><span class="monTitre">Hôtel des Ventes</span></center>
<br />
	<table width="100%" border="0" cellspacing="0" cellpadding="0" >
		<thead>
			<tr>
			<th><strong>Ma recherche</strong></th>
			<th width="500px";><strong>Résultat</strong></th>		
			</tr>   
		</thead>
		<tr>
		<td valign="top">
		<form id="form_recherche_objet" action="{{ path('D3hdv_hdv_jeux_diablo3_recherche_objet_check') }}" method="post" >
			{{ form_widget(form) }}
			<input type="submit" value="Lancer la recherche" />
		</form>
		</td>
		<td style="border:1px solid black;background:rgba(0, 0, 0, 0.1)" valign="top">
			<br /><div id="result">
				{% if HdvObjetEnVenteCorrespondantId is defined %}
				{% include 'D3HdvHdvBundle:Hdv:test.html.twig' with {'HdvObjetEnVenteCorrespondantId' : HdvObjetEnVenteCorrespondantId , 'PrixMoyenRecherche' : PrixMoyenRecherche ,'last_page' : last_page,'previous_page' : previous_page, 'current_page' : current_page , 'next_page' : next_page , 'total_hdventes' : total_hdventes }  %}
				{% endif %}
			</div>
		</td>
		</tr>
	</table>
	</br>
  <script>


var index =0;

$("#hdvlogindiablo3_Type").on("change", function () 
	{ 	
	var selectElmt = document.getElementById('hdvlogindiablo3_Type'); 
	//document.getElementById('affichage').innerHTML = selectElmt.value; 
	var DATA = 'Type=' + selectElmt.value;
	//alert(selectElmt.value);
	$.ajax({
		type: "POST",
		url: "{{ path('D3hdv_hdv_jeux_diablo3_recherche_type')}}",
		data: DATA,
		cache: false,
		success: function(data){
           		//$('#resultats_recherche').html(data);
			var contact = $.parseJSON(data);
				//var objform = window.document.form_ajout;
				var objform = document.getElementById('form_recherche_objet');
				document.getElementById("hdvlogindiablo3_Classe").length = 0;  
				// définition du numéro du choix
				var s = objform.hdvlogindiablo3_Classe.selectedIndex;
				// reconnaissance du tableau
				//var tablo = eval(data[s]);
				for (var i = 1; i<contact.length+1; i++) {
				//var newoption = new Option(data[i], "S" +data[s] + i);
				var newoption = new Option(contact[i].objet_classe,contact[i].id,true,true);
				objform.hdvlogindiablo3_Classe.options[i+1] = newoption;
				}
		
        	}		
	    });    
	    return false;
});

$(document).ready(function() {
	


	  // On récupère la balise <div> en question qui contient l'attribut « data-prototype » qui nous intéresse.
	  var $container = $('div#hdvlogindiablo3_Caracteristiques');
	  // On définit un compteur unique pour nommer les champs qu'on va ajouter dynamiquement
	  index = $container.find(':input').length;
	 
	  // On ajoute un lien pour ajouter une nouvelle catégorie
	  var $lienAjout = $('<a href="#" id="ajout_caracteristique" class="btn">Ajouter une Caractéristique</a></br></br>');
	  $container.append($lienAjout);
	 
	  // On ajoute un nouveau champ à chaque clic sur le lien d'ajout.
	  $lienAjout.click(function(e) {
	    if(index>3)
	    {
		   alert("Le nombre de caracteristiques est limité à 4");
	    }
	    else
	    {
		
		 ajouterCategorie($container);
		    e.preventDefault(); // évite qu'un # apparaisse dans l'URL
	    }
		return false;
	  });
	 
	  if (index > 0) {
	    // Pour chaque catégorie déjà existante, on ajoute un lien de suppression
	    $container.children('div').each(function() {
	      ajouterLienSuppression($(this));
	    });
	  }
	 
	  // La fonction qui ajoute un formulaire Categorie
	  function ajouterCategorie($container) {
	    // Dans le contenu de l'attribut « data-prototype », on remplace :
	    // - le texte "__name__label__" qu'il contient par le label du champ
	    // - le texte "__name__" qu'il contient par le numéro du champ
	    var $prototype = $($container.attr('data-prototype').replace(/__name__label__/g, 'Caracteristique n°' + (index+1))
		                                                .replace(/__name__/g, index));
	 
	    // On ajoute au prototype un lien pour pouvoir supprimer la catégorie
	    ajouterLienSuppression($prototype);
	 
	    // On ajoute le prototype modifié à la fin de la balise <div>
	    $container.append($prototype);
	 
	    // Enfin, on incrémente le compteur pour que le prochain ajout se fasse avec un autre numéro
	    index++;
	  }
	 
	  // La fonction qui ajoute un lien de suppression d'une catégorie
	  function ajouterLienSuppression($prototype) {
	    // Création du lien
	    $lienSuppression = $('<a href="#" class="btn btn-danger">Supprimer</a></br></br>');
	 
	    // Ajout du lien
	    $prototype.append($lienSuppression);
	 
	    // Ajout du listener sur le clic du lien
	    $lienSuppression.click(function(e) {
	      $prototype.remove();
	      e.preventDefault(); // évite qu'un # apparaisse dans l'URL
	      index--;
	      return false;
	    });
	  }
});

$("#hdvlogindiablo3_nom").on("change", function() 
{ 
if(document.getElementById('hdvlogindiablo3_nom').value=='')
{
	document.getElementById('hdvlogindiablo3_Type').disabled=false;
	document.getElementById('hdvlogindiablo3_Classe').disabled=false;
	document.getElementById('hdvlogindiablo3_Rarete').disabled=false;
	document.getElementById('hdvlogindiablo3_niveau').disabled=false;

}
else
{
	document.getElementById('hdvlogindiablo3_Type').disabled=true;
	document.getElementById('hdvlogindiablo3_Classe').disabled=true;
	document.getElementById('hdvlogindiablo3_Rarete').disabled=true;
	document.getElementById('hdvlogindiablo3_niveau').disabled=true;
	document.getElementById('hdvlogindiablo3_Type').value="";
	document.getElementById('hdvlogindiablo3_Classe').value="";
	document.getElementById('hdvlogindiablo3_Rarete').value="";
	document.getElementById('hdvlogindiablo3_niveau').value="";
}



});
$(window).load(function(){
 		var caracs = new Array();	
	    var url =$("#form_recherche_objet").attr("action");
	    var nom = $("#hdvlogindiablo3_nom").val();
	    var spe = $("#hdvlogindiablo3_spe").val();
	    var niveau = $("#hdvlogindiablo3_niveau").val();
	    var type = $("#hdvlogindiablo3_Type").val();
	    var classe = $("#hdvlogindiablo3_Classe").val();
	    var rarete = $("#hdvlogindiablo3_Rarete").val();
	    var tri = $("#hdvlogindiablo3_trier").val();
	    var prix = $("#hdvlogindiablo3_prix").val();
	  
	    for( var i=0;i<index;i++)
	    {	
		var j=0;
		caracs[i]= new Array($('#hdvlogindiablo3_Caracteristiques_0_valeurCara').val(),$('#hdvlogindiablo3_Caracteristiques_0_ObjetCaracteristique option:selected').val());
		//caracs[i][j+1]=$('#hdvlogindiablo3_Caracteristiques_'+i+'_ObjetCaracteristique option:selected').val();
	    }
	 
	   $.ajax({
	       type: "POST",
	       url: url, // Or your url generator like Routing.generate('discussion_create')
		data: {nom: nom, spe: spe, niveau: niveau, type: type, classe: classe, rarete: rarete, caracs: caracs, tri: tri, prix: prix},
		cache: false,
	      success: function(data){
		   $('#result').html(data);
		    //alert(data);
	       }
	    });
});

$('#form_recherche_objet').submit(function() {

    //alert(index);
    var caracs = new Array();	
    var url = $(this).attr("action");
    var nom = $("#hdvlogindiablo3_nom").val();
    var spe = $("#hdvlogindiablo3_spe").val();
    var niveau = $("#hdvlogindiablo3_niveau").val();
    var type = $("#hdvlogindiablo3_Type").val();
    var classe = $("#hdvlogindiablo3_Classe").val();
    var rarete = $("#hdvlogindiablo3_Rarete").val();
    var tri = $("#hdvlogindiablo3_trier").val();
    var prix = $("#hdvlogindiablo3_prix").val();
  
     for( var i=0;i<index;i++)
	    {	
		var j=0;
		caracs[i]= new Array($('#hdvlogindiablo3_Caracteristiques_'+i+'_valeurCara').val(),$('#hdvlogindiablo3_Caracteristiques_'+i+'_ObjetCaracteristique option:selected').val());
		//caracs[i][j+1]=$('#hdvlogindiablo3_Caracteristiques_'+i+'_ObjetCaracteristique option:selected').val();
		// alert(caracs[i]);
	    }
	  // alert(caracs.length);

 
   $.ajax({
       type: "POST",
       url: url, // Or your url generator like Routing.generate('discussion_create')
	data: {nom: nom, spe: spe, niveau: niveau, type: type, classe: classe, rarete: rarete, caracs: caracs, tri: tri, prix: prix},
        cache: false,
      success: function(data){
	   $('#result').html(data);
       }
    });

    return false;

});
</script>

{% endblock %}


